﻿<visualeditor>
	<!-- stylesheets to import (tip: you can also use @import inside the CSS files referenced below and you can reference LESS files) -->
	<styles>
		<style file="styles/core.css" />
		<style file="../../styles/visualeditor.less" />
	</styles>
	<!-- 
		These format-id's will overwrite or overload TinyMCE built-in formats:
		alignleft, aligncenter, alignright, alignfull, bold, italic, underline, 
		strikethrough, forecolor, hilitecolor, fontname, fontsize, blockquote, 
		removeformat, p, h1, h2, h3, h4, h5, h6, div, address, pre, div, code, 
		dt, dd, samp. 
  	-->
	<formats>
		<group>
			<format id="bold" label="Strong" image="" notes="Strong text" inline="strong">
				<button image="Images/bold.png" label="" />
			</format>
			<format id="italic" label="Emphasis" image="" notes="Emphasized text" inline="em">
				<button image="Images/italic.png" label="" />
			</format>
			<format id="code" label="Inline Code" image="" notes="Inline Code" inline="code">
				<button label="Code" />
			</format>
			<format id="small" label="Small" image="" notes="Inline Small" inline="small">
				<button image="Images/smalltext.png" label="" />
			</format>
			<!-- examples: 

 				// Button to surround selection with u - note this isn't propper xhtml. Consider using a class for this 
				<format id="underline" label="Underline" image="" notes="Underlined text" inline="u">
					<button image="Images/underline.png" label="" />
		  		</format>

 				// Button to surround selection with span.myclass
				<format id="myclass" label="Example" image="" notes="" inline="span" classes="myclass">
					<button label="My class"/>
				</format>

 				// Button to surround selection with html CODE tag
				<format id="codespan" label="Example2" image="" notes="" inline="code">
					<button label="Code"/>
				</format>

 				// Button that inserts a H! with a class
				<format id="h1.test" label="Heading H1 Nice" image="" notes="Example heading with classname" block="h1" priority="1" classes="nice">
          			<button label="H1.nice"/>
        		</format>
			-->
		</group>
		<radiogroup>
			<format id="p" label="Paragraph" image="" notes="Paragraph" block="p">
				<select />
			</format>
			<format id="h1" label="Heading H1" image="" notes="Big heading" block="h1">
				<select />
			</format>
			<format id="h2" label="Heading H2" image="" notes="Small heading" block="h2">
				<select />
			</format>
			<format id="h3" label="Heading H3" image="" notes="Very Small heading" block="h3">
				<select />
			</format>
			<format id="h4" label="Heading H4" image="" notes="Very Small heading" block="h4">
				<select />
			</format>
			<!--
				<format id="h5" label="Heading H5" image="" notes="Very Small heading" block="h5">
					<select />
				</format>
				<format id="h6" label="Heading H6" image="" notes="Very Small heading" block="h6">
					<select />
				</format>
			-->
			<format id="address" label="Address" image="" notes="For switing an address" block="address">
				<select />
			</format>
		</radiogroup>
		
		<radiogroup>
			<format id="textalignleft" label="Left align text" image="" notes="" classes="textalignleft" selector="p, h1, h2, h3">
				<button label="" image="Images/textalignleft.png" />
			</format>
			<format id="textaligncenter" label="Center text" image="" notes="" classes="textaligncenter" selector="p, h1, h2, h3">
				<button label="" image="Images/textaligncenter.png" />
			</format>
			<format id="textalignright" label="Right align text" image="" notes="" classes="textalignright" selector="p, h1, h2, h3">
				<button label="" image="Images/textalignright.png" />
			</format>
		</radiogroup>
		
		<radiogroup>
			<format id="alignleft" label="Left" image="" notes="Align left" classes="pull-left" selector="img,table">
				<button label="" image="images/left.png" />
			</format>
			<format id="alignright" label="Right" image="" notes="Align right" classes="pull-right" selector="img,table">
				<button label="" image="images/right.png" />
			</format>
		</radiogroup>
		
		<radiogroup>
			<!-- paragraphs -->
			<format id="lead" label="Lead" image="" notes="" classes="lead" selector="p">
				<select />
			</format>
			<format id="text-info" label="Info" image="" notes="" classes="text-info" selector="p">
				<select />
			</format>
			<format id="text-warning" label="Warning" image="" notes="" classes="text-warning" selector="p">
				<select />
			</format>
			<format id="muted" label="Muted" image="" notes="" classes="muted" selector="p, div">
				<select />
			</format>

			<!-- blockquote -->
			<format id="pull-right" label="Pull Right" image="" notes="" classes="pull-right" selector="blockquote">
				<select />
			</format>
			
			<!-- lists -->
			<format id="unstyled" label="Unstyled" image="" notes="" classes="unstyled" selector="ul, ol">
				<select />
			</format>
			<format id="inline-list" label="Inline" image="" notes="" classes="inline" selector="ul, ol">
				<select />
			</format>
			
			<!-- images -->
			<format id="img-polaroid" label="Polaroid" image="" notes="" classes="img-polaroid" selector="img">
				<select />
			</format>
			<format id="img-rounded" label="Rounded" image="" notes="" classes="img-rounded" selector="img">
				<select />
			</format>
			<format id="img-circle" label="Circle" image="" notes="" classes="img-circle" selector="img">
				<select />
			</format>
			
			<!-- tables -->
			<format id="basicTable" label="Basic Table" image="" notes="" classes="table" selector="table">
				<select />
			</format>
			<format id="BorderedTable" label="Bordered Table" image="" notes="" classes="table-bordered-mix" selector="table">
				<select />
			</format>
			<format id="ZebraStripeTable" label="Zebra-stripe Table" image="" notes="" classes="table-striped-mix" selector="table">
				<select />
			</format>
			<format id="CondensedTable" label="Condensed Table" image="" notes="" classes="table-condensed-mix" selector="table">
				<select />
			</format>
			<format id="styledTable" label="Styled Table" image="" notes="" classes="table-all-mix" selector="table">
				<select />
			</format>
			
			<!-- link buttons -->
			<format id="btn" label="Default Button" image="" notes="" classes="btn" selector="a,button">
				<select />
			</format>
			<format id="btn-info" label="Info Button" image="" notes="" classes="btn btn-info" selector="a,button">
				<select />
			</format>
			<format id="btn-primary" label="Primary Button" image="" notes="" classes="btn btn-primary" selector="a,button">
				<select />
			</format>
			<format id="btn-primary-large" label="Large Primary Button" image="" notes="" classes="btn btn-primary btn-large" selector="a,button">
				<select />
			</format>
		</radiogroup>
		
		<radiogroup>
			<format id="well" label="Well" image="" notes="" block="div" classes="well" wrapper="1">
				<select />
			</format>
			<format id="well-small" label="Well Small" image="" notes="" block="div" classes="well-small-mix" wrapper="1">
				<select />
			</format>
			<format id="well-large" label="Well Large" image="" notes="" block="div" classes="well-large-mix" wrapper="1">
				<select />
			</format>
			<format id="blockquote" label="Quote" image="" notes="" block="blockquote" wrapper="1">
				<select />
			</format>
			<format id="two-columns" label="2 columns" image="" notes="" block="div" classes="two-columns" wrapper="1">
				<select />
			</format>
			<format id="three-columns" label="3 columns" image="" notes="" block="div" classes="three-columns" wrapper="1">
				<select />
			</format>
			<format id="alert" label="Alert" image="" notes="" block="div" classes="alert" wrapper="1">
				<select />
			</format>
			<format id="alert-info" label="Alert Info" image="" notes="" block="div" classes="alert-info-mix" wrapper="1">
				<select />
			</format>
			<format id="alert-success" label="Alert Success" image="" notes="" block="div" classes="alert-success-mix" wrapper="1">
				<select />
			</format>
			<format id="alert-error" label="Alert Error" image="" notes="" block="div" classes="alert-error-mix" wrapper="1">
				<select />
			</format>
		</radiogroup>
		
	</formats>
</visualeditor>